<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <head th:include="include :: header"></head>
    
    <!--360浏览器优先以webkit内核解析-->
    <title>信工校区</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="../static/css/main/animate.min.css" th:href="@{/css/main/animate.min.css}" rel="stylesheet"/>
    <link href="../static/css/main/style.min862f.css" th:href="@{/css/main/style.min862f.css}" rel="stylesheet"/>
    <link th:href="@{/ajax/libs/jquery-layout/jquery.layout-latest.css}" rel="stylesheet"/>
	<link th:href="@{/ajax/libs/jquery-ztree/3.5/css/metro/zTreeStyle.css}" rel="stylesheet"/>
	<style scoped="scoped" type="text/css">
	  .header_div{
	  	margin-right:10px;
	  }
      .col-md-3{
          width:23%;
      }
      .tag_count{
          font-size:2em;
      }
	  
	</style>
</head>

<body class="gray-bg">
    <div class="container-div ui-layout-center">
    <div class="col-md-12">
      <div class="row">

       <!-- 头部 -->
        <div class="col-md-3 search-collapse header_div tag_count" th:each="count : ${countInfo}">
        	<span  th:text="${count.name}"></span>
        	<span style="float: right">
            <img th:src="@{/img/qr_code.png}" width="50%" style="max-width:100px;">
        	</span>
        	<span th:text="${count.count}"></span>
        </div>
      </div>
    </div>

       <!-- 中间1 -->
      <div class="col-sm-12">
        <div class=row>
          <div class="col-sm-3 search-collapse header_div">
             <div id="main" style="width: 600px;height:400px;"></div>
          </div>
          <div class="col-sm-3 search-collapse header_div">
                   33456yujbvcx
          </div>
          <div class="col-sm-3 search-collapse header_div">
                   33456yujbvcx
          </div>
        </div>
       </div>
       <!--中间2-->
      <div class="col-sm-12">
        <div class=row>
          <div class="col-sm-3 search-collapse header_div">
                   33456yujbvcx
          </div>
          <div class="col-sm-3 search-collapse header_div">
                   33456yujbvcx
          </div>
          <div class="col-sm-3 search-collapse header_div">
                   33456yujbvcx
          </div>
           <div class="col-sm-3 search-collapse header_div">
                   33456yujbvcx
          </div>
        </div>
       </div>
       <!--底部 -->
       <div></div>
    </div>

    
    <script th:src="@{/js/jquery.min.js}"></script>
    <script th:src="@{/js/bootstrap.min.js}"></script>
    <script th:src="@{/ajax/libs/laydate/laydate.js}"></script>
    <script src="echarts.min.js"></script>
    <script th:inline="javascript" >
    
    </script>
</body>
</html>
